<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="CSS/qj.css">
    <script>
        var _left = 0;
        var _top = 0;
        var _down = true;//表明往下移动

        var pt;
        var pt2;

        var ptfloata = function () {
          //var pt = document.getElementById('pt');//广告对象
          var pt_top = parseInt(pt.style.top);//广告对象的Y坐标
          var pt_height = 62;//广告的自身高度

          //控制台打印信息 方便调适自己的代码
            //console.debug(_left + ':' + _top);

            //默认情况 广告向下漂浮
            if (_down){
                //如果 广告的y坐标 + 自身高度 < 浏览器的文档高度 - > 表明可以继续向下漂浮
                if (pt_top + pt_height < document.documentElement.clientHeight){
                    pt.style.top = _top++ + 'px';
                } else {
                    _down = false;//向上漂浮
                    pt.style.top = --_top + 'px';
                }
            }else {
                if  (pt_top >=0){
                    pt.style.top = _top-- + 'px';
                }else {
                    _down = true;//向下漂浮
                    pt.style.top = ++_top + 'px';
                }
            }
        };

        var ptfloatb = function () {
            //var pt2 = document.getElementById('pt2');//广告对象
            var pt2_left = parseInt(pt2.style.left);//广告对象的X坐标
            var pt2_width = 62;//广告的自身高度

            //控制台打印信息 方便调适自己的代码
            //console.debug(_left + ':' + _top);

            //默认情况 广告向右漂浮
            if (_down){
                //如果 广告的x坐标 + 自身高度 < 浏览器的文档高度 - > 表明可以继续向下漂浮
                if (pt2_left + pt2_width < document.documentElement.clientWidth){
                    pt2.style.left = _left++ + 'px';
                } else {
                    _down = false;//向左漂浮
                    pt2.style.left = --_left + 'px';
                }
            }else {
                if  (pt2_left >=0){
                    pt2.style.left = _left-- + 'px';
                }else {
                    _down = true;//向右漂浮
                    pt2.style.left = ++_left + 'px';
                }
            }
        };
        var ax_timera;
        window.onload = function () {
            pt = document.createElement('img');
            pt.style.position = 'absolute';
            pt.style.width = '60px';
            pt.style.height = '60px';
            pt.src = 'img/ax.jpg';
            document.getElementById('apt').appendChild(pt);

            pt2 = document.createElement('img');
            pt2.style.position = 'absolute';
            pt2.style.width = '60px';
            pt2.style.height = '60px';
            pt2.src = 'img/ax.jpg';
            document.getElementById('apt').appendChild(pt2);

            ptfloata();
            ax_timera = window.setInterval(ptfloata,10);
            ptfloatb();
            window.setInterval(ptfloatb,10);

            //鼠标悬停 停止
            pt.onmouseover = function () {
                //清除时间对象
                window.clearInterval(ax_timera);
            };
            //鼠标离开
            pt.onmouseout = function () {
                ax_timera = window.setInterval(ptfloata,10);
            };

        };


    </script>
</head>
<body>
<div id ='apt'></div>
</body>
</html>